import { Component, OnInit, ViewChild, TemplateRef } from '@angular/core';
import { NzMessageService, NzModalService } from 'ng-zorro-antd';
import { _HttpClient } from '@delon/theme';
import { tap, map, reduce } from 'rxjs/operators';
import { STComponent, STColumn, STData } from '@delon/abc';
// import { AddDAppComponent } from '../adddapp/adddapp.component';

@Component({
  selector: 'app-allpayment',
  templateUrl: './allpayment.component.html',
  styleUrls: ['./allpayment.component.less'],
})
export class AllPaymentComponent implements OnInit {

  // selectedRows: STData[] = [];
  // loading = false;
  // description = '';

  // allChecked = false;
  // indeterminate = false;
  // queryStr = "";

  // public refAccount = "jianmiwalletAdmin";

  // public list = [];

  // public dAppList = {
  //   toolsAppList: [
  //     {
  //       platform: "all",
  //       appName: "slowmist",
  //       appUrl: "https://eos.slowmist.io/",
  //       appIcon: "assets/imgs/dapp/jm-slowmist.png"
  //     },
  //     {
  //       platform: "all",
  //       appName: "eoseco",
  //       appUrl: "https://explorer.eoseco.com",
  //       appIcon: "assets/imgs/dapp/jm-eoseco.png"
  //     },
  //     {
  //       platform: "all",
  //       appName: "eosflare",
  //       appUrl: "https://eosflare.io",
  //       appIcon: "assets/imgs/dapp/jm-eosflare.png"
  //     },
  //     {
  //       platform: "all",
  //       appName: "eosq",
  //       appUrl: "https://eosq.app/blocks",
  //       appIcon: "assets/imgs/dapp/jm-eosq.png"
  //     },
  //     {
  //       platform: "all",
  //       appName: "eospark",
  //       appUrl: "https://eospark.com/",
  //       appIcon: "assets/imgs/dapp/jm-eospark.png"
  //     }
  //   ],
  //   marketAppList: [
  //     {
  //       platform: "all",
  //       appName: "feixiaohao",
  //       appUrl: "https://m.feixiaohao.com",
  //       appIcon: "assets/imgs/dapp/jm-feixiaohao.png"
  //     },
  //     {
  //       platform: "all",
  //       appName: "CoinMarket Cap",
  //       appUrl: "https://coinmarketcap.com/zh/",
  //       appIcon: "assets/imgs/dapp/jm-coinmarketcap.png"
  //     }
  //   ],
  //   gameAppList: [
  //     {
  //       platform: "android",
  //       appName: "BetDice",
  //       appUrl: `https://betdice.one/?ref=${this.refAccount}`,
  //       appIcon: "assets/imgs/dapp/jm-betdice.png"
  //     },
  //     {
  //       platform: "android",
  //       appName: "EOSPlay",
  //       appUrl: `https://eosplay.com/link/${this.refAccount}`,
  //       appIcon: "assets/imgs/dapp/jm-eosplay.png"
  //     },
  //     {
  //       platform: "android",
  //       appName: "DEOS Games",
  //       appUrl: `https://app.deosgames.com/dice/eos?r=${this.refAccount}`,
  //       appIcon: "assets/imgs/dapp/jm-deosgames.png"
  //     },
  //     {
  //       platform: "android",
  //       appName: "BET24",
  //       appUrl: `https://bet24.one/?ref=${this.refAccount}`,
  //       appIcon: "assets/imgs/dapp/jm-bet24.png"
  //     },
  //     {
  //       platform: "all",
  //       appName: "EOS LuckyMe",
  //       appUrl: `http://www.eosluckyme.com/?ref=${this.refAccount}`,
  //       appIcon: "assets/imgs/dapp/jm-luckyme.png"
  //     },
  //     {
  //       platform: "android",
  //       appName: "eos.win",
  //       appUrl: `https://eos.win/i/${this.refAccount}`,
  //       appIcon: "assets/imgs/dapp/jm-eos.win.png"
  //     },
  //     {
  //       platform: "android",
  //       appName: "EOSPoker",
  //       appUrl: `https://eospoker.win/?ref=${this.refAccount}`,
  //       appIcon: "assets/imgs/dapp/jm-eospoker.png"
  //     },
  //     {
  //       platform: "android",
  //       appName: "Endless Dice",
  //       appUrl: `https://dice.endless.game/?invite=${this.refAccount}`,
  //       appIcon: "assets/imgs/dapp/jm-endless.png"
  //     },
  //     {
  //       platform: "android",
  //       appName: "BigGame",
  //       appUrl: `https://h5.big.game/?code=${this.refAccount}`,
  //       appIcon: "assets/imgs/dapp/jm-big.png"
  //     }
  //   ]
  // }

  constructor(
    // private http: _HttpClient,
    // public msg: NzMessageService,
    // private modalSrv: NzModalService,
  ) { }

  ngOnInit() {
    // this.initData();
  }

  // // 初始化DApp数据
  // initData() {
  //   // 以后要从数据库中获取
  //   this.list = this.dAppList.toolsAppList.concat(this.dAppList.marketAppList)
  //     .concat(this.dAppList.gameAppList);
  //   this.list.forEach((item) => {
  //     item.checked = false;
  //   })
  //   // 将数据放入本地存储
  //   localStorage.setItem("dAppList", JSON.stringify(this.list));
  // }

  // // 更新DApp渲染数据 从本地存储中
  // getData() {
  //   this.list = JSON.parse(localStorage.getItem("dAppList")) || [];
  // }

  // // 查询数据 
  // queryData() {
  //   // 如果查询数据为空 则得到所有数据
  //   if (this.queryStr === "" || !this.queryStr) {
  //     this.getData();
  //     return false;
  //   }
  //   this.list = this.list.filter((item) => {
  //     if (item.appName.indexOf(this.queryStr) !== -1) {
  //       return item;
  //     }
  //   });
  // }

  // // 新增数据
  // add() {
  //   this.modalSrv.create({
  //     nzTitle: '新增DApp数据',
  //     nzMaskClosable: false,
  //     nzContent: AddDAppComponent,
  //     nzOnOk: (data) => {
  //       // 获取新增的DApp数据 更新数据后 放入本地存储
  //       let arr = [];
  //       arr = JSON.parse(localStorage.getItem("dAppList")) || [];
  //       arr.unshift(data.dappData);
  //       localStorage.setItem("dAppList", JSON.stringify(arr));
  //       // 更新DApp渲染数据 
  //       this.list = arr;
  //     },
  //   });
  // }

  // // 移除单个数据
  // remove(item) {

  //   this.modalSrv.create({
  //     nzTitle: '移除DApp数据',
  //     nzContent: "确定要移除 " + item.appName + " 吗？",
  //     nzOnOk: () => {
  //       // 获取最新的DApp数据 找到对应的数据删除 更新本地存储 更新渲染列表
  //       let arr = [];
  //       arr = JSON.parse(localStorage.getItem("dAppList")) || [];
  //       arr.forEach((ele, i) => {
  //         if (ele.appName === item.appName) {
  //           arr.splice(i, 1);
  //         }
  //       });
  //       // 更新本地存储
  //       localStorage.setItem("dAppList", JSON.stringify(arr));
  //       // 更新DApp渲染数据 
  //       this.list = arr;
  //     },
  //   });

  // }

  // // 移除选择的数据
  // removeSelected() {

  //   this.modalSrv.create({
  //     nzTitle: '移除DApp数据',
  //     nzContent: "确定要移除选中的DAPP数据吗？",
  //     nzOnOk: () => {
  //       // 对已选择的DApp数据删除 更新渲染列表 更新本地存储
  //       let arr = [];
  //       // 循环渲染列表 过滤出不需要移除的DApp
  //       arr = this.list.filter((ele, i) => {
  //         if (!ele.checked) {
  //           return ele;
  //         }
  //       });
  //       this.list = arr;
  //       // 更新本地存储
  //       localStorage.setItem("dAppList", JSON.stringify(this.list));
  //     }
  //   });
  // }

  // // 修改数据
  // updateDApp(item) {
  //   this.modalSrv.create({
  //     nzTitle: '修改DApp数据',
  //     nzMaskClosable: false,
  //     nzContent: AddDAppComponent,
  //     nzComponentParams: item,
  //     nzOnOk: (data) => {
  //       // 获取修改后的DApp数据  替换以前的DApp数据  更新本地存储
  //       let arr = [];
  //       arr = JSON.parse(localStorage.getItem("dAppList")) || [];
  //       arr.forEach((ele, i) => {
  //         if (ele.appName === item.appName) {
  //           arr.splice(i, 1, data.dappData);
  //         }
  //       });

  //       localStorage.setItem("dAppList", JSON.stringify(arr));
  //       // 更新DApp渲染数据
  //       this.list = arr;
  //     },
  //   });
  // }

  // checkAll(value: boolean): void {
  //   this.list.forEach(data => data.checked = value);
  //   this.refreshStatus();
  // }

  // refreshStatus(): void {
  //   const allChecked = this.list.every(value => value.checked === true);
  //   const allUnChecked = this.list.every(value => !value.checked);
  //   this.allChecked = allChecked;
  //   this.indeterminate = (!allChecked) && (!allUnChecked);
  // }

}
